﻿
  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>
    <link href="Content/ligerUI/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
    <link href="Content/ligerUI/ligerUI/skins/Gray/css/grid.css" rel="stylesheet" type="text/css" />
    <script src="Content/ligerUI/jquery/jquery-1.5.2.min.js" type="text/javascript"></script>
    <script src="Content/ligerUI/ligerUI/js/ligerui.min.js" type="text/javascript"></script>   
    <script src="Content/ligerUI/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"></script> 
    <link href="Content/ligerUI/common.css" rel="stylesheet" type="text/css" />  
    <script src="Content/ligerUI/common.js" type="text/javascript"></script>   
    <script src="Content/ligerUI/LG.js" type="text/javascript"></script>
    <script src="Content/ligerUI/json2.js" type="text/javascript"></script>
    <script type="text/javascript">

    </script>
    <style>
        /* 欢迎页 - 带按钮的段落 */.withicon
        {
            display: block;
            position: relative;
            margin-top: 4px;
            margin-bottom: 4px;
        }
        .withicon .icon
        {
            position: absolute;
            left: 7px;
            top: 6px;
            width: 20px;
            height: 20px;
        }
        .withicon span
        {
            line-height: 32px;
            margin-left: 33px;
            display: block;
        }
        .withicon img
        {
            width: 20px;
            height: 20px;
        }
        /* 欢迎页 - 导航条 */.navbar
        {
            line-height: 33px;
            height: 33px;
            background: url('Content/ligerUI/images/index/navbar.gif') repeat-x;
            width: 99%;
            position: relative;
            margin-top: 8px;
            margin-bottom: 8px;
        }
        .navbar-l, .navbar-r
        {
            width: 2px;
            height: 33px;
            background: url('Content/ligerUI/images/index/navbar.gif') no-repeat;
            position: absolute;
        }
        .navbar-l
        {
            left: 0px;
            background-position: 0px -33px;
        }
        .navbar-r
        {
            right: 0px;
            background-position: 0px -66px;
        }
        .navbar-icon
        {
            position: absolute;
            left: 7px;
            top: 6px;
        }
        .navbar img
        {
            width: 20px;
            height: 20px;
        }
        .navbar-inner
        {
            margin-left: 30px;
        }
        .navbar a
        {
            color: #3186C8;
        }
        /* 欢迎页 - 快捷按钮 (图片+文字) */.links
        {
            display: block;
            position: relative;
            margin-top: 4px;
            margin-bottom: 4px;
        }
        .link
        {
            float: left;
            position: relative;
            width: 120px;
            height: 80px;
            margin-left: 10px;
            text-align: center;
            border: 1px solid #FFFFFF;
            cursor: pointer;
        }
        .link img
        {
            display: block;
            margin: 5px auto;
            width: 32px;
            height: 32px;
        }
        .linkover
        {
            border: 1px solid #d3d3d3;
            background: #f1f1f1;
        }
        .link .close
        {
            position: absolute;
            top: 1px;
            right: 1px;
            display: none;
            width: 11px;
            height: 11px;
            background: white;
            border: 1px solid #f1f1f1;
            background: url(Content/ligerUI/ligerUI/skins/Gray/images/layout/icon-close.gif);
        }
        .linkover .close
        {
            display: block;
        }
        .link .closeover
        {
            border: 1px solid #d3d3d3;
            background: url(Content/ligerUI/ligerUI/skins/Gray/images/layout/icon-close-over.gif);
        }
		
    </style>
</head>

<body style="background: white; font-size: 12px;padding-left:5px;padding-right:5px;"> 
    <div class="navbar">
        <div class="navbar-l">
        </div>
        <div class="navbar-r">
        </div>
        <div class="navbar-icon">
            <img src="Content/ligerUI/images/index/hire_me.gif" /></div>
        <div class="navbar-inner">
            <b>文件列表</b>
        </div>
    </div>

    <div class="links" style="margin:10px 10px 10px 10px;">
	  <div id="maingrid" style="margin:10px 10px 10px 10px;"></div> 
    </div>
    <div class="l-clear">
    </div>

  <script type="text/javascript">

      //相对路径

      var rootPath = "../";

      //列表结构

      var grid = $("#maingrid").ligerGrid({

          columns: [

          { display: "项目阶段", name: "jieduan", width: 180, type: "text", align: "left" },

          { display: "附件名称", name: "name", width: 180, type: "text", align: "left" },

          { display: "上传日期", name: "UploadDate", width: 180, type: "date", align: "left" },

          { display: "上传人", name: "UserName", width: 180, type: "text", align: "left" },

          { display: "查看", name: "UserName", width: 180, type: "text", align: "left" },

          { display: "下载", name: "UserName", width: 180, type: "text", align: "left" }

          ],
          pageSize: 20,
		  //url: rootPath + 'handler/grid.ashx?view=Orders', sortName: 'OrderID', 

          width: '98%', height: '100%',heightDiff:-10, checkbox: false, headerRowHeight:'30px',alternatingRow:false

      });


			var jsonObj = {};

            jsonObj.Rows = [

                { id: 3, jieduan: "新开工", name: "男", UploadDate: "1989-01-12",UserName:'admin' },

                { id: 43, jieduan: "新开工", name: "女", UploadDate: "1989-01-12" ,UserName:'admin'},

                { id: 33, jieduan: "续建", name: "男", UploadDate: "1981-12-12" ,UserName:'admin'},

                { id: 34, jieduan: "续建", name: "男", UploadDate: "1983-01-12" ,UserName:'admin'},

                { id: 43, jieduan: "续建", name: "女", UploadDate: "1989-01-12" ,UserName:'admin'},

                { id: 33, jieduan: "续建", name: "男", UploadDate: "1989-11-23" ,UserName:'admin'},

                { id: 34, jieduan: "续建", name: "女", UploadDate: "1989-04-12" ,UserName:'admin'},

                { id: 324, jieduan: "续建", name: "男", UploadDate: "1999-05-15" ,UserName:'admin'},

                { id: 344, jieduan: "续建", name: "男", UploadDate: "1969-02-21" ,UserName:'admin'},

                { id: 1, jieduan: "续建", name: "男", UploadDate: "1989-01-12" ,UserName:'admin'}

            ];

            grid.set({ data: jsonObj }); 

  </script>

</body>

</html>

